<%@ page import="belleza.relativa.Conversacion" %>
<!doctype html>
<html>
<head>
    <meta name="layout" content="main">
    <title>Conversacion</title>
</head>

<body>
<g:if test="${persona?.getConversaciones()?.size() > 0}">
    <br>

    <div align="center">
        <table cellspacing="0" border="1" width="800">
            <tr>
                <th colspan="3" bgcolor="gray" style="color: #ffffff;text-align: left">
                    Conversacion con <a
                        href="${createLink(controller: 'perfilPublico', action: 'perfilPublicoUsuario', id: conversacionInstance?.segundaPersona?.id)}">
                    ${conversacionInstance?.segundaPersona?.fullName}
                </a>
                </th>
            </tr>
            <g:each status="i" in="${mensajes}" var="mensaje">
                <tr>
                    <td width="100px" align="center"><b>${mensaje?.getFechaEmision()}</b></td>
                    <td>
                        <div style="padding-left: 6px">
                            ${mensaje?.getMensaje()}
                        </div>
                    </td>
                    <td width="100px" align="center"><b>${mensaje?.getEmisor().getFullName()}</b></td>
                </tr>

            </g:each>

        </table>

    </div>
    <br>

    <div align="center">
        <g:form action="enviarMensaje">
            <div class="fieldcontain">
                <g:textArea name="mensaje" cols="40" rows="20" maxlength="255" value="" style="resize: none; width: 600px;height: 200px"/>
            </div>
            <br>
            <input type="hidden" name="personaId" value="${conversacionInstance?.segundaPersona?.id}">
            <g:submitButton name="Enviar" class="button"/>
        </g:form>
    </div>

</g:if>
</body>
</html>
